<template>
  <view class="page">
    <view class="tcard">
      <view class="title">
        头孢克洛干混悬剂｜希刻劳
        <view class="num">
          6袋
        </view>
      </view>
      
      <view class="content">
        <view class="item">【药品规格】：0.125g*6袋/盒</view>
        <view class="item">【用法用量】：口服0.062g</view>
        <view class="item">【注意事项】：对头孢菌素类过敏者禁用。</view>
        <view class="item">【存储条件】：遮光，密封保存</view>
      </view>
      
      <view class="toDetail" @click="toDetail">
        详见药品使用说明书 >>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
        
      }
    },
    methods: {
      toDetail() {
        uni.navigateTo({
          url: './detail'
        })
      }
    }
  }
</script>

<style lang="scss" scoped>
.tcard {
  padding: 24upx;
  
  .num {
    width: 102upx;
    height: 46upx;
    background: #EFF5FF;
    border-radius: 4upx;
    border: 1px solid #3E81F7;
    line-height: 46upx;
    text-align: center;
    color: #3E81F7;
    float: right;
  }
  
  .content {
    border-bottom: 1px dashed rgba(0,0,0,0.4);
    padding-bottom: 24upx;
    .item {
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 24upx;
      color: rgba(0,0,0,0.7);
      line-height: 44upx;
      margin-bottom: 4upx;
    }
  }
  .toDetail {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 28upx;
    color: #3E81F7;
    text-align: center;
    margin-top: 24upx;
  }
}
</style>
